<template>
  <div >
    <the-header></the-header>
    <the-aside></the-aside>
    <div class="content-box">
      <router-view></router-view>
    </div>
    <video-play v-show="playFrame"/>
  </div>
</template>

<script>
import TheHeader from './TheHeader'
import TheAside from './TheAside'
import VideoPlay from './VideoPlay.vue'
import { mapGetters } from 'vuex'

export default {
  components:{
    TheHeader,
    TheAside,
    VideoPlay,
  },
  computed:{
    ...mapGetters([
      'playFrame'
    ])
  }
}
</script>

<style>
  .content-box{
    position: absolute;
    left: 150px;
    right: 0px;
    top: 80px;
    bottom: 0px;
    overflow-y:scroll;
  }
</style>